<template>
  <div class="home">
    <div class="bg">
      <video
        class="video"
        src="https://louhan-test-1123.oss-cn-hangzhou.aliyuncs.com/%E6%BD%AE%E7%82%B9%E7%BD%91_64041.mp4"
        autoplay
        loop
        muted
      ></video>
    </div>
    <div class="container">
      <div class="navbar">
        <img class="logo" src="../../assets/logo.png" alt="" />
        <el-menu
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
          background-color="transparent"
          text-color="#ffffff"
        >          
          <el-menu-item index="1" @click="toAbout">about</el-menu-item>
          <el-menu-item index="2" @click="toProducts">products</el-menu-item>          
          <el-menu-item index="3" @click="toResearch">research</el-menu-item>
          <el-menu-item index="4" @click="toContact">contact us</el-menu-item>
        </el-menu>
      </div>
      <div class="tip">
        <div class="tip-title">MetaSecure</div>
        <div class="tip-desc">
          Buidling a <span style="font-weight: bolder">Trustworthy</span> Web3
          World
        </div>
        <div class="tip-desc" style="text-decoration: underline">
          Automated Risk&Security Evaluation Platform for Web3 Systems
        </div>
      </div>
      <div class="metaSecureLabs">
        <div class="funnel-item">
          <svg
            t="1660731944854"
            class="funnel"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="13081"
            width="200"
            height="200"
          >
            <path
              d="M896.2 789H127.8c-29.5 0-48.8-30.9-36-57.4l230-474c6.7-13.8 20.7-22.5 36-22.5h308.3c15.3 0 29.3 8.7 36 22.5l230 474c12.9 26.5-6.4 57.4-35.9 57.4z"
              p-id="13082"
              fill="#1296db"
            ></path>
          </svg>
          <div class="funnel-desc">
            <div class="large" style="width: 130px; margin-left: 60px">
              Threat intelligence
            </div>
            <div class="large" style="width: 130px">
              Vulnerability intelligence
            </div>
            <div
              class="large"
              style="width: 200px; margin-left: 80px; margin-top: -70px"
            >
              Community intelligence
            </div>
            <div
              class="small"
              style="width: 130px; margin-left: 25px; margin-top: -100px"
            >
              Whitelists
            </div>
            <div class="small" style="width: 100px; margin-top: -100px">
              Blacklists
            </div>
            <div class="large" style="width: 100px; margin-top: -110px">
              Reputation services
            </div>
            <div class="large" style="width: 130px; margin-top: -130px">
              Behavioral signatures
            </div>
            <div class="large" style="width: 130px; margin-top: -130px">
              Historical behaviors
            </div>
            <div class="large" style="width: 130px; margin-top: -130px">
              Environmental context
            </div>
            <div class="small" style="width: 130px; margin-top: -140px">
              Value of asset
            </div>
            <div class="large" style="width: 130px; margin-top: -150px">
              Enterprise risk tolerance
            </div>
            <div
              class="small"
              style="width: 130px; margin-top: -140px; margin-left: 10px"
            >
              Enterprise policy
            </div>
          </div>
        </div>
        <div class="desc">
          <div class="desc-info">
            Should this entity take this requested action on this entity given
            the current context,my trust of the entity and my tolerance for
            risk?
          </div>
          <svg
            t="1660730821332"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="10897"
            width="200"
            height="200"
          >
            <path
              d="M47.104 453.632q0-43.008 20.992-57.856t66.048-14.848q20.48 0 64.512 0.512t93.696 0.512 96.768 0.512 74.752 0.512q38.912 1.024 61.44-6.656t22.528-35.328q0-20.48 1.536-48.64t1.536-48.64q1.024-35.84 20.48-45.568t49.152 14.848q30.72 24.576 71.68 58.368t84.992 69.12 86.016 69.632 74.752 59.904q29.696 24.576 30.208 46.592t-28.16 45.568q-29.696 24.576-70.144 56.32t-83.968 65.536-85.504 67.072-74.752 58.88q-35.84 28.672-58.88 21.504t-22.016-44.032l0-24.576 0-29.696q0-15.36-0.512-30.208t-0.512-27.136q0-25.6-15.36-32.256t-41.984-6.656q-29.696 0-77.824-0.512t-100.352-0.512-101.376-0.512-79.872-0.512q-13.312 0-27.648-2.56t-26.112-9.728-18.944-20.992-7.168-37.376q0-27.648-0.512-53.248t0.512-57.344z"
              p-id="10898"
              fill="#707070"
            ></path>
          </svg>
          <div class="desc-img">
            <div class="svg">
              <svg
                t="1660730525028"
                class="scales"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="5659"
                width="200"
                height="200"
              >
                <path
                  d="M1013.44039 528c-0.2-0.3-0.3-0.6-0.4-0.9L892.84039 196.9c-1-2.6 1-5.4 3.8-5.4H973.34039c2.2 0 4-1.8 4-4 0-16.6-6.7-31.5-17.6-42.4-10.9-10.9-25.9-17.6-42.4-17.6H560.34039c-8.8 0-16-7.2-16-16V64.1c0-17.5-13.8-32.2-31.3-32.6-9.1-0.2-17.4 3.4-23.4 9.4-5.8 5.8-9.4 13.8-9.4 22.6v48c0 8.8-7.2 16-16 16H108.34039c-33.1 0-60 26.9-60 60 0 1.1 0.5 2.1 1.2 2.8 0.7 0.7 1.7 1.2 2.8 1.2h73.8c2.8 0 4.7 2.8 3.8 5.4L9.64039 527.1c-0.3 0.8-0.6 1.6-1 2.4C-3.75961 555-3.05961 584.9 12.34039 608.7c12 18.5 27.2 35 45 48.9 36.9 28.7 84.7 46 137 46 81.4 0 152-41.9 187.2-103.4 12.9-22.5 11.3-49.8-2-72.1-0.2-0.3-0.3-0.6-0.4-0.9L258.84039 196.9c-1-2.6 1-5.4 3.8-5.4H384.34039c53 0 96 43 96 96v583.6c0 23.6-17.2 43.8-40.5 47.4-63.4 9.8-115.2 30.9-143.6 58h448.3c-30.6-29.1-88-51.2-157.9-60-24.1-3-42.2-23.4-42.2-47.6V287.5c0-53 43-96 96-96h120.5c2.8 0 4.7 2.8 3.8 5.4L644.34039 527.1c-0.2 0.5-0.4 1-0.7 1.5-13.3 24.4-13.8 53.6 0.8 77.2 36.2 58.4 105 97.8 183.9 97.8 81.3 0 151.8-41.8 187-103.1 13.1-22.7 11.4-50.2-1.9-72.5z m-696.6 15.5h-245l118.8-326.4c1.3-3.5 6.2-3.5 7.5 0l118.7 326.4z m389.7 0l118.4-325.4c1.3-3.5 6.2-3.5 7.5 0l118.4 325.4H706.54039z"
                  p-id="5660"
                  fill="#1296db"
                ></path>
              </svg>
              <svg
                t="1660730601592"
                class="gear"
                viewBox="0 0 1026 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="9182"
                width="200"
                height="200"
              >
                <path
                  d="M336.801914 623.817241c45.686615 0 82.775749 37.189105 82.775749 82.775749s-37.189105 82.775749-82.775749 82.77575-82.87572-37.089134-82.875721-82.77575 37.189105-82.775749 82.875721-82.775749m0-63.981255C255.725666 559.835986 189.944938 625.516743 189.944938 706.59299s65.680758 146.757005 146.757005 146.757005 146.757005-65.680758 146.757005-146.757005S417.878161 559.835986 336.801914 559.835986z"
                  p-id="9183"
                  fill="#1296db"
                ></path>
                <path
                  d="M433.27365 453.267207c26.092356 6.598067 55.883628 23.893 74.678122 43.087377-16.695109 50.785122-5.798301 86.574636 6.398125 107.668456 12.196427 21.09382 37.688958 48.485795 89.973641 59.382603 7.297862 25.892414 7.297862 60.38231 0 86.274724-52.284682 10.896808-77.877184 38.288783-89.973641 59.382603-12.196427 21.09382-23.193205 56.883335-6.398125 107.668456-18.794494 19.294347-48.685737 36.48931-74.678122 43.087377-35.589573-39.888314-72.078883-48.285854-96.471736-48.285854-24.392854 0-60.882163 8.39754-96.471737 48.285854-26.092356-6.598067-55.883628-23.893-74.678122-43.087377 16.695109-50.785122 5.798301-86.574636-6.398125-107.668456-12.196427-21.09382-37.688958-48.485795-89.973641-59.382603-7.297862-25.892414-7.297862-60.38231 0-86.274724 52.284682-10.896808 77.877184-38.288783 89.973641-59.382603 12.196427-21.09382 23.193205-56.883335 6.398125-107.668456 18.794494-19.294347 48.685737-36.48931 74.678122-43.087377 35.589573 39.888314 72.078883 48.285854 96.471737 48.285854 24.392854 0 60.782193-8.39754 96.471736-48.285854m-0.299912-64.081226c-17.794787 0-35.08972 7.597774-47.186176 21.193791-16.095285 18.094699-32.490481 27.092063-48.885678 27.092062s-32.890364-8.997364-48.885678-27.092062c-12.196427-13.695988-29.391389-21.193791-47.186176-21.193791-5.098506 0-10.197013 0.599824-15.295519 1.899443-37.8889 9.497218-78.976862 33.190276-106.068925 61.282046-16.295226 16.89505-21.893586 41.487845-14.495753 63.781315 15.295519 45.886557-1.499561 74.978034-48.885678 84.775163-22.993264 4.698623-41.487845 21.793615-47.985942 44.386996-10.796837 37.588988-10.796837 84.975105 0 122.564093 6.498096 22.593381 24.992678 39.688373 47.985942 44.386996 47.386117 9.697159 64.181197 38.788636 48.885678 84.775163-7.397833 22.293469-1.899444 46.886264 14.495753 63.781314 27.192034 28.09177 68.180025 51.784829 106.068925 61.282046 5.098506 1.299619 10.197013 1.899444 15.295519 1.899444 17.794787 0 35.08972-7.597774 47.186176-21.193791C304.111491 984.71151 320.506687 975.714146 336.901884 975.714146s32.890364 8.997364 48.885678 27.092063c12.196427 13.695988 29.391389 21.193791 47.186176 21.193791 5.098506 0 10.197013-0.599824 15.295519-1.899444 37.8889-9.497218 78.976862-33.190276 106.068925-61.282046 16.295226-16.89505 21.893586-41.487845 14.495753-63.781314-15.295519-45.886557 1.499561-74.978034 48.885678-84.775163 22.993264-4.698623 41.487845-21.793615 47.985942-44.386996 10.796837-37.588988 10.796837-84.975105 0-122.564093-6.498096-22.593381-24.992678-39.688373-47.985942-44.386996-47.386117-9.697159-64.181197-38.788636-48.885678-84.775163 7.397833-22.293469 1.899444-46.886264-14.495753-63.781315-27.192034-28.09177-68.180025-51.784829-106.068925-61.282046-5.098506-1.299619-10.296983-1.899444-15.295519-1.899443zM710.692375 212.237821c19.794201 0 35.789515 16.095285 35.789515 35.789515S730.386605 283.916821 710.692375 283.916821 674.80289 267.821537 674.80289 248.127306s16.095285-35.889486 35.889485-35.889485m0-63.981256c-55.083862 0-99.77077 44.686908-99.77077 99.770771s44.686908 99.77077 99.77077 99.77077c55.083862 0 99.77077-44.686908 99.770771-99.77077s-44.686908-99.77077-99.770771-99.770771z"
                  p-id="9184"
                  fill="#1296db"
                ></path>
                <path
                  d="M639.513229 99.370887c26.192326 24.292883 52.684565 29.791272 71.179146 29.791273s44.98682-5.498389 71.179147-29.791273c7.597774 3.199063 15.39549 7.697745 21.993557 12.696281-7.897686 34.889778 0.599824 60.582251 9.797129 76.577565 9.197305 15.995314 27.192034 36.189398 61.382017 46.786293 0.999707 8.197598 0.999707 17.194962 0 25.392561-34.189983 10.596895-52.184712 30.790979-61.382017 46.786293-9.197305 15.995314-17.794787 41.687787-9.797129 76.577565-6.598067 4.998536-14.395782 9.497218-21.993557 12.69628-26.192326-24.292883-52.684565-29.791272-71.179147-29.791272s-44.98682 5.498389-71.179146 29.791272c-7.597774-3.199063-15.39549-7.697745-21.993557-12.69628 7.897686-34.889778-0.599824-60.582251-9.79713-76.577565-9.197305-15.995314-27.192034-36.189398-61.382017-46.786293-0.999707-8.197598-0.999707-17.194962 0-25.392561 34.189983-10.596895 52.184712-30.790979 61.382017-46.786293 9.197305-15.995314 17.794787-41.687787 9.79713-76.577565 6.598067-4.898565 14.395782-9.497218 21.993557-12.696281m136.559992-67.080347c-12.096456 0-23.793029 5.098506-32.090599 14.395782-10.896808 12.296398-22.093527 18.494582-33.290247 18.494582-11.19672 0-22.293469-6.198184-33.290247-18.494582-8.297569-9.297276-19.994142-14.395782-32.090598-14.395782-3.498975 0-6.897979 0.399883-10.396954 1.299619-25.792444 6.398126-53.684272 22.49341-72.178854 41.687787a42.813457 42.813457 0 0 0-9.79713 43.387289c10.396954 31.190862-0.999707 50.985063-33.290247 57.58313-15.695402 3.199063-28.191741 14.795665-32.590452 30.191155-7.297862 25.492531-7.297862 57.783071 0 83.275603 4.398711 15.39549 16.995021 26.992092 32.590452 30.191154 32.190569 6.598067 43.687201 26.392268 33.290247 57.58313-4.998536 15.195548-1.299619 31.890657 9.79713 43.387289 18.494582 19.094406 46.38641 35.189691 72.178854 41.687787 3.399004 0.899736 6.897979 1.299619 10.396954 1.299619 12.096456 0 23.793029-5.098506 32.090598-14.395782 10.896808-12.296398 22.093527-18.494582 33.290247-18.494582s22.293469 6.198184 33.290247 18.494582c8.297569 9.297276 19.994142 14.395782 32.090599 14.395782 3.498975 0 6.897979-0.399883 10.396954-1.299619 25.792444-6.398126 53.684272-22.49341 72.178854-41.687787 11.096749-11.496632 14.895636-28.191741 9.797129-43.387289-10.396954-31.190862 0.999707-50.985063 33.290247-57.58313 15.695402-3.199063 28.191741-14.795665 32.590452-30.191154 7.297862-25.492531 7.297862-57.783071 0-83.275603-4.398711-15.39549-16.995021-26.992092-32.590452-30.191155-32.190569-6.598067-43.687201-26.392268-33.290247-57.58313 4.998536-15.195548 1.299619-31.890657-9.797129-43.387289-18.494582-19.094406-46.38641-35.189691-72.178854-41.687787-3.498975-0.899736-6.99795-1.299619-10.396954-1.299619zM821.959777 571.532559c16.295226 9.297276 31.790686 11.696573 43.587231 11.696573s27.391975-2.499268 43.58723-11.696573c0.099971 18.694523 5.698331 33.390218 11.696573 43.58723s15.795372 22.49341 31.890657 31.890657c-16.095285 9.397247-25.992385 21.593674-31.890657 31.890657s-11.596603 24.892707-11.696573 43.58723c-16.295226-9.297276-31.790686-11.696573-43.58723-11.696573s-27.391975 2.499268-43.587231 11.696573c-0.099971-18.694523-5.698331-33.390218-11.696573-43.58723s-15.795372-22.49341-31.890657-31.890657c16.095285-9.397247 25.992385-21.593674 31.890657-31.890657s11.596603-24.892707 11.696573-43.58723m89.273846-75.277946c-8.49751 0-16.695109 3.598946-22.393439 10.097042-7.597774 8.597481-15.39549 12.896222-23.293176 12.896222s-15.595431-4.298741-23.293176-12.896222c-5.798301-6.498096-13.9959-10.097042-22.39344-10.097042-2.399297 0-4.898565 0.299912-7.297861 0.899736-17.994728 4.498682-37.489017 15.795372-50.385239 29.091477-7.797716 7.997657-10.396954 19.69423-6.897979 30.291126 7.297862 21.793615-0.699795 35.589573-23.293176 40.288197-10.896808 2.299326-19.69423 10.396954-22.793322 21.09382-5.098506 17.894757-5.098506 40.388168 0 58.182954 3.099092 10.696866 11.896515 18.894465 22.793322 21.09382 22.49341 4.598653 30.491067 18.494582 23.293176 40.288197-3.498975 10.596895-0.899736 22.293469 6.897979 30.291126 12.896222 13.396075 32.390511 24.592795 50.385239 29.091477 2.399297 0.599824 4.798594 0.899736 7.297861 0.899736 8.49751 0 16.695109-3.598946 22.39344-10.097041 7.597774-8.597481 15.39549-12.896222 23.293176-12.896222s15.595431 4.298741 23.293176 12.896222c5.798301 6.498096 13.9959 10.097042 22.393439 10.097041 2.399297 0 4.898565-0.299912 7.297862-0.899736 17.994728-4.498682 37.489017-15.795372 50.385239-29.091477 7.797716-7.997657 10.396954-19.69423 6.897979-30.291126-7.297862-21.793615 0.699795-35.589573 23.293176-40.288197 10.896808-2.299326 19.69423-10.396954 22.793322-21.09382 5.098506-17.894757 5.098506-40.388168 0-58.182954-3.099092-10.696866-11.896515-18.894465-22.793322-21.09382-22.49341-4.598653-30.491067-18.494582-23.293176-40.288197 3.498975-10.596895 0.899736-22.293469-6.897979-30.291126-12.896222-13.396075-32.390511-24.592795-50.385239-29.091477-2.399297-0.599824-4.898565-0.899736-7.297862-0.899736z"
                  p-id="9185"
                  fill="#1296db"
                ></path>
              </svg>
            </div>
            <div class="svg-info">Continuous risk and trust engine</div>
          </div>
          <svg
            t="1660730821332"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="10897"
            width="200"
            height="200"
          >
            <path
              d="M47.104 453.632q0-43.008 20.992-57.856t66.048-14.848q20.48 0 64.512 0.512t93.696 0.512 96.768 0.512 74.752 0.512q38.912 1.024 61.44-6.656t22.528-35.328q0-20.48 1.536-48.64t1.536-48.64q1.024-35.84 20.48-45.568t49.152 14.848q30.72 24.576 71.68 58.368t84.992 69.12 86.016 69.632 74.752 59.904q29.696 24.576 30.208 46.592t-28.16 45.568q-29.696 24.576-70.144 56.32t-83.968 65.536-85.504 67.072-74.752 58.88q-35.84 28.672-58.88 21.504t-22.016-44.032l0-24.576 0-29.696q0-15.36-0.512-30.208t-0.512-27.136q0-25.6-15.36-32.256t-41.984-6.656q-29.696 0-77.824-0.512t-100.352-0.512-101.376-0.512-79.872-0.512q-13.312 0-27.648-2.56t-26.112-9.728-18.944-20.992-7.168-37.376q0-27.648-0.512-53.248t0.512-57.344z"
              p-id="10898"
              fill="#707070"
            ></path>
          </svg>
          <div class="list">
            <ul>
              <li>Block/Prevent</li>
              <li>Ask for more context</li>
              <li>Allow</li>
              <li>Allow and log</li>
              <li>Allow and audit</li>
              <li>Allow and isolate</li>
              <li>Allow and throttle</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="partThree">
        <div class="title">
          How to Measure and Enhance the Security&Trustworthiness of Web3
          Systems
        </div>
        <div class="info">
          <div class="info-item">
            <div class="info-title">CodingWiz</div>
            <svg
              t="1660734654147"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="17330"
              width="200"
              height="200"
            >
              <path
                d="M675.9 107.2H348.1c-42.9 0-82.5 22.9-104 60.1L80 452.1c-21.4 37.1-21.4 82.7 0 119.8l164.1 284.8c21.4 37.2 61.1 60.1 104 60.1h327.8c42.9 0 82.5-22.9 104-60.1L944 571.9c21.4-37.1 21.4-82.7 0-119.8L779.9 167.3c-21.4-37.1-61.1-60.1-104-60.1z"
                p-id="17331"
                fill="#1296db"
              ></path>
            </svg>
            <div class="info-desc">
              <div>Deep and Comprehensive Code analysis</div>
              <div class="black">toDev</div>
            </div>
          </div>
          <div class="info-item">
            <div class="info-title">RunningWiz</div>
            <svg
              t="1660734654147"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="17330"
              width="200"
              height="200"
            >
              <path
                d="M675.9 107.2H348.1c-42.9 0-82.5 22.9-104 60.1L80 452.1c-21.4 37.1-21.4 82.7 0 119.8l164.1 284.8c21.4 37.2 61.1 60.1 104 60.1h327.8c42.9 0 82.5-22.9 104-60.1L944 571.9c21.4-37.1 21.4-82.7 0-119.8L779.9 167.3c-21.4-37.1-61.1-60.1-104-60.1z"
                p-id="17331"
                fill="#1296db"
              ></path>
            </svg>
            <div class="info-desc">
              <div>Realtime suspicious Alerting & Risk Forecast</div>
              <div class="black">toDev/toC</div>
            </div>
          </div>
          <div class="info-item">
            <div class="info-title">DesignWiz</div>
            <svg
              t="1660734654147"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="17330"
              width="200"
              height="200"
            >
              <path
                d="M675.9 107.2H348.1c-42.9 0-82.5 22.9-104 60.1L80 452.1c-21.4 37.1-21.4 82.7 0 119.8l164.1 284.8c21.4 37.2 61.1 60.1 104 60.1h327.8c42.9 0 82.5-22.9 104-60.1L944 571.9c21.4-37.1 21.4-82.7 0-119.8L779.9 167.3c-21.4-37.1-61.1-60.1-104-60.1z"
                p-id="17331"
                fill="#1296db"
              ></path>
            </svg>
            <div class="info-desc">
              <div>Tokenomics Simulation & Executions</div>
              <div class="black">toDev</div>
            </div>
          </div>
          <div class="info-item">
            <div class="info-title">ProjectWiz</div>
            <svg
              t="1660734654147"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="17330"
              width="200"
              height="200"
            >
              <path
                d="M675.9 107.2H348.1c-42.9 0-82.5 22.9-104 60.1L80 452.1c-21.4 37.1-21.4 82.7 0 119.8l164.1 284.8c21.4 37.2 61.1 60.1 104 60.1h327.8c42.9 0 82.5-22.9 104-60.1L944 571.9c21.4-37.1 21.4-82.7 0-119.8L779.9 167.3c-21.4-37.1-61.1-60.1-104-60.1z"
                p-id="17331"
                fill="#1296db"
              ></path>
            </svg>
            <div class="info-desc">
              <div>Continuous Project&Team</div>
              <div class="black">toInvestor</div>
            </div>
          </div>
        </div>
        <div class="footer">
          Empowering the Building of Secure, Robust and Trustworthy Web3 Systems
        </div>
      </div>
      <div class="partFour">
        <div class="title">
          Systematic & Comprehensive Capability for Securing a Trustworthy Web3
          World
        </div>
        <img src="../../assets/bg-1.png" alt="" />
      </div>
      <div class="partFive">
        <div class="title">Investors and Partners</div>
        <div class="partner">
          <img src="../../assets/algorand.png" alt="" />
          <img src="../../assets/ethereum.png" alt="" />
          <img src="../../assets/polkadot.png" alt="" />
        </div>
      </div>
      <div class="team">
        <div class="title">Team Background</div>
        <div class="introduce">
          <div class="introduce-item">
            <div class="introduce-title">Founder</div>
            <div class="introduce-info">
              Pennsylvania State University, PhD in CS, EECS Department <br />
              Professor @ University of Chinese Academy of Sciences, Ph.D
              Supervisor<br />
              Founding Staff Researcher, Tech Lead of ByteDance US, AI Lab
              <br />
              Cloud Security Architecture & Risk Control Leader<br />
              IBM Research Staff Fellow @ IBM Watson, Crypto & Security Group<br />
              MIT-IBM AI security research project initiator<br />
              Lead R&D @ DARPA DoD Transparent Computing Security Project<br />
              R&D @ PaloAlto Networks Next Generation Firewall Leader<br />
              R&D @ FireEye is Leader in APT Defense & Detection, Hackathon
              Winner
            </div>
          </div>
          <div class="introduce-item">
            <div class="introduce-title">Partner Team</div>
            <div class="introduce-info">
              <div>
                Prof @ Penn State，NSF Career Awardee, National Youth Talent
                Fellow<br />
                Univ. of Wisconsin Madison, Ph.D in CS, Software Security<br />
                Security Consultant Member @ Web3.foundatoin (Polkadot and
                etc.)<br />
                R&D @ FireEye Security Lab<br />
                Golang/Rust Language Security Researcher @ ByteDance AI Lab<br />
                Researcher @ NEC, Microsoft Research, Kwai
              </div>
              <div>
                Prof @ UT Dallas, NSF Career Awardee<br />
                UIUC PhD in CS, @ LLVM Compiler Systems Group <br />
                Researcher @ UC Berkeley, IBM Security, SRA, eBay<br />
                ACM SIGSOFT Distinguished Paper Awardee
              </div>
            </div>
          </div>
          <div class="introduce-item">
            <div class="introduce-title">Core Team</div>
            <div class="introduce-info">
              <div>
                Prof @ San Jose State Univ, California (SJSU)<br />
                Penn State, College Park. PhD in Marketing<br />
                Prof. @ Montclair State, NY Prof. @ SJSU, CA
              </div>
              <div>
                CAS CS, HUST Software Engineer<br />
                Lead SWE @ Uhana (acquired by VMWare)<br />
                Taxa @ Leading SWE, confidential computing <br />
                Senior SWE @ VMWare Hybrid Cloud
              </div>
              <div>
                Univ. of Warsaw, CS Master, PhD in economics<br />
                Expert in economic model analysis and testing<br />
                Cloud platform development &product architecture<br />
                R&D, Teck Lead @ ByteDance Poland AI lab team
              </div>
              <div>
                UIUC PhD in CS, Fudan FinTech <br />
                Quant @ DeepAlpha <br />
                R&D @ ByteDance AI lab, Recommendation System, Ads Algo
              </div>
            </div>
          </div>
          <div class="introduce-item">
            <div class="introduce-title">Advisor Team</div>
            <div class="introduce-info">
              <div>
                Cornell University, PhD in crypto, formal verification<br />
                Researcher @ Algorand. <br />
                Postdoctoral researcher @ University of Maryland<br />
                Research Intern @ IBM Crypto, Simons Institute, Yahoo! Labs,
                Bell Labs.
              </div>
              <div>
                Nanjing Unv. PhD CS; PostDoc @ Purdue<br />
                R&D lead for Security RiskOps @ JD.com, US Security Team<br />
                R&D System Team @ EMC
              </div>
              <div>
                Univ. Washington, Univ of Sci and Tech, China <br />
                Quant Trader @ Maritime Capital LLC<br />
                Quantitative Fin Analysist, VP @ Bank of America Merrill
                Lynch<br />
                Risk Analyst, AVP @ JP Morgan Chase
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer">
            <div class="footer-info">
                <div class="logo">
                    <img src="../../assets/logo.png" alt="">
                </div>
                <div class="code">
                    <img src="../../assets/code.png" alt="请上传二维码">
                    <div class="desc">
                        <svg t="1660541882400" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4267" width="200" height="200"><path d="M457.3 543c-68.1-17.7-145 16.2-174.6 76.2-30.1 61.2-1 129.1 67.8 151.3 71.2 23 155.2-12.2 184.4-78.3 28.7-64.6-7.2-131-77.6-149.2z m-52 156.2c-13.8 22.1-43.5 31.7-65.8 21.6-22-10-28.5-35.7-14.6-57.2 13.7-21.4 42.3-31 64.4-21.7 22.4 9.5 29.6 35 16 57.3z m45.5-58.5c-5 8.6-16.1 12.7-24.7 9.1-8.5-3.5-11.2-13.1-6.4-21.5 5-8.4 15.6-12.4 24.1-9.1 8.7 3.2 11.8 12.9 7 21.5zM785.3 443.5c15 4.8 31-3.4 35.9-18.3 11.8-36.6 4.4-78.4-23.2-109-27.6-30.6-68.4-42.3-106-34.3-15.4 3.3-25.2 18.4-21.9 33.8 3.3 15.3 18.4 25.2 33.8 21.8 18.4-3.9 38.3 1.8 51.9 16.7 13.5 15 17.2 35.4 11.3 53.3-4.9 15.1 3.2 31.1 18.2 36z" p-id="4268" fill="#ffffff"></path><path d="M885.1 237.5c-56.7-62.9-140.4-86.9-217.7-70.5-17.9 3.8-29.3 21.4-25.4 39.3 3.8 17.9 21.4 29.3 39.3 25.5 55-11.7 114.4 5.4 154.8 50.1 40.3 44.7 51.2 105.7 34 159.1-5.6 17.4 3.9 36 21.3 41.7 17.4 5.6 36-3.9 41.6-21.2v-0.1c24.1-75.4 8.9-161.1-47.9-223.9zM729 499c-12.2-3.6-20.5-6.1-14.1-22.1 13.8-34.7 15.2-64.7 0.3-86-28-40.1-104.8-37.9-192.8-1.1 0 0-27.6 12.1-20.6-9.8 13.5-43.5 11.5-79.9-9.6-101-47.7-47.8-174.6 1.8-283.5 110.6C127.3 471.1 80 557.5 80 632.2 80 775.1 263.2 862 442.5 862c235 0 391.3-136.5 391.3-245 0-65.5-55.2-102.6-104.8-118zM443 810.8c-143 14.1-266.5-50.5-275.8-144.5-9.3-93.9 99.2-181.5 242.2-195.6 143-14.2 266.5 50.5 275.8 144.4C694.4 709 586 796.6 443 810.8z" p-id="4269" fill="#ffffff"></path></svg>
                        <div>weibo</div>
                    </div>
                </div>
                <div class="follow">
                    <div class="title">follow us</div>
                    <div class="info">
                        <svg t="1660541691112" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2368" width="200" height="200"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4 35.4-21.1 62.3-54.4 75-94-32.7 19.5-69.7 33.8-108.2 41.2C765.4 194.6 721.1 174 672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5-14.8 25.4-23.2 54.4-23.2 86.1 0 59.2 30.1 111.4 76 142.1-28-1.1-54.4-9-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4-14.3 3.7-29.6 5.8-44.9 5.8-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-0.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-0.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z" p-id="2369" fill="#ffffff"></path></svg>
                        <div>Twitter</div>
                    </div>
                    <div class="info">
                        <svg t="1660541747726" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3307" width="200" height="200"><path d="M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98c-8.7-8.9-12.9-21.3-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297c-1.1-6.5 1.6-13.2 6.8-17.2z" p-id="3308" fill="#ffffff"></path></svg>
                        <div>Medium</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <el-backtop :bottom="5" :right="10">
      <svg
        t="1660465708442"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="2498"
        width="200"
        height="200"
      >
        <path
          d="M116.096 596.08064l90.86976 0 0 231.9872 42.48576 0 0-231.9872 90.86976 0 0-42.48064L116.096 553.6 116.096 596.08064zM574.63296 553.6 462.08512 553.6c-13.58848 0-27.18208 5.18656-37.54496 15.54944-10.37312 10.368-15.55456 23.9616-15.55456 37.5552l0 168.24832c0 13.5936 5.18144 27.1872 15.55456 37.5552 10.368 10.368 23.9616 15.55456 37.54496 15.55456l112.54784 0c13.58848 0 27.1872-5.18656 37.5552-15.55456s15.54944-23.9616 15.54944-37.5552l0-168.2432c0-13.59872-5.18144-27.1872-15.54944-37.56032C601.82016 558.78656 588.22656 553.6 574.63296 553.6L574.63296 553.6zM585.26208 774.95296c0 2.01216-0.54784 4.94592-3.10784 7.51616-2.57024 2.57024-5.50912 3.10784-7.51616 3.10784L462.08512 785.57696c-2.00704 0-4.93568-0.5376-7.50592-3.10784s-3.11296-5.504-3.11296-7.51616l0-168.2432c0-2.01216 0.54272-4.94592 3.11296-7.51616s5.49888-3.11296 7.50592-3.11296l112.54784 0c2.00704 0 4.94592 0.54272 7.50592 3.11296 2.57024 2.57024 3.11808 5.504 3.11808 7.51616L585.25696 774.95296 585.26208 774.95296zM892.34944 569.14944c-10.368-10.35776-23.96672-15.54944-37.5552-15.54944l-145.65376 0 0 274.46272 42.48064 0L751.62112 707.6864l103.17312 0c13.5936 0 27.1872-5.18656 37.5552-15.55456s15.55456-23.9616 15.55456-37.55008l0-47.87712C907.904 593.11104 902.72256 579.52256 892.34944 569.14944L892.34944 569.14944zM865.41824 654.58176c0 2.00704-0.5376 4.9408-3.10784 7.51104s-5.50912 3.10784-7.51104 3.10784l-103.168 0 0-69.12 103.168 0c2.00704 0 4.9408 0.54272 7.51104 3.11296s3.10784 5.504 3.10784 7.51616L865.41824 654.58176 865.41824 654.58176z"
          p-id="2499"
          fill="#ffffff"
        ></path>
        <path
          d="M315.97056 370.06848c55.05024-49.60256 185.7024-167.31136 189.75744-170.89024 5.1456-4.54144 11.38688-3.97824 15.30368-0.384 2.74432 2.51904 138.49088 124.7488 191.22688 172.2368 8.30464 6.99392 6.10304 20.74112-4.31616 20.74112s-377.85088 0.09728-384.43008 0S308.56192 379.35616 315.97056 370.06848z"
          p-id="2500"
          fill="#ffffff"
        ></path>
      </svg>
    </el-backtop>
    <el-dialog
        title="Contact Us"
        :visible.sync="dialogVisible"
        :close-on-click-modal="false"
        width="40%"
        center
        :before-close="handleClose">
        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
            <el-form-item label="Name">
                <el-input v-model="form.name"></el-input>
            </el-form-item>   
            <el-form-item label="E-mail">
                <el-input v-model="form.mail"></el-input>
            </el-form-item>   
            <el-form-item label="Phone-Number">
                <el-input v-model="form.phone"></el-input>
            </el-form-item> 
            <el-form-item label="Code Link">
                <el-input v-model="form.link"></el-input>
            </el-form-item> 
            <el-form-item label="Completion Date">
                <el-input v-model="form.date"></el-input>
            </el-form-item> 
             <el-form-item label="Audit Description">
                <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>  
             <el-form-item label="Proposal">
                <el-input type="textarea" v-model="form.proposal"></el-input>
            </el-form-item>  
        </el-form>
        <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="submit(form)">确 定</el-button>
        </span>
    </el-dialog>    
  </div>
</template>

<script>
export default {
    data(){
        return{
            activeIndex:"1",
            form:{
                name:"",
                mail:"",
                phone:"",
                proposal:"",
                date:"",
                link:"",
                desc:"",
            },
            dialogVisible:false,
            rules:{
                name:[{required:true,message:"Please enter your name",trigger:"blur"}],
                mail:[{required:true,message:"Please enter your email address",trigger:"blur"}],
                phone:[{required:true,message:"Please enter your phone number",trigger:"blur"}],                
            }
        }
    },
  methods: {
    handleClick(tab, event) {
      //   console.log(tab, eventF);
      if (tab.active == true) {
        console.log(event);
      }
    },
    handleClose(e){
        console.log(e)
         this.dialogVisible = false;
    },
    toAbout(){
        this.$message({
          showClose: true,
          message: 'Module development in progress',
          type: 'error',
          duration:"800"
        });
    },
    toProducts(){
        this.$message({
          showClose: true,
          message: 'Module development in progress',
          type: 'error',
          duration:"800"
        });
    },
    toResearch(){
        this.$message({
          showClose: true,
          message: 'Module development in progress',
          type: 'error',
          duration:"800"
        });
    },
    toContact(){
        this.form = {};
        this.dialogVisible = true;
    },
    submit(val){
      console.log(val);
      this.dialogVisible = false
    }
  },
};
</script>

<style lang="scss" scoped>
.el-form-item__label{
  line-height: 20px !important;
}
.el-backtop {
  background-color: transparent !important;
  width: 35px !important;
  height: 35px !important;
}
.el-menu--horizontal>.el-menu-item.is-active{
    border:0px !important;
    color:#ffffff;
    font-weight: bolder;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
    color:#ffffff;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
    border:0px !important;
    color:#ffffff;
    font-weight: bolder;
}

.el-submenu.is-active .el-submenu__title{
   border:0px !important;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
    background:transparent !important;
}
.el-menu.el-menu--horizontal{
    border:0px !important;
}
.el-submenu.is-active .el-submenu__title{
    border:0px !important;
}
.el-submenu__title{
     background:transparent !important;
}
.home {
  .bg {
    .video {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      z-index: -2;
      object-fit: fill;
    }
  }
  .container {
    width: 1200px;
    margin: 0 auto;
    .navbar {
      display: flex;
      justify-content: center;
      align-items: center;
      .logo {
        width: 85px;
        height: 71px;
        text-align: center;
        margin: 10px 100px 5px 0;
        color: #fff;
      }
    }
    .tip {
      width: 1200px;
      margin: 0 auto;
      color: #fff;
      text-align: center;
      margin-top: 35vh;
      .tip-title {
        font-size: 35px;
        font-weight: bolder;
        line-height: 70px;
      }
      .tip-desc {
        font-size: 20px;
        line-height: 40px;
      }
    }
    .metaSecureLabs {
      width: 1200px;
      margin: 0 auto;
      .funnel-item {
        position: relative;
        margin-top: 50vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        .funnel {
          width: 600px;
          height: 600px;
        }
        .funnel-desc {
          width: 400px;
          height: 500px;
          position: absolute;
          color: #fff;
          display: flex;
          flex-wrap: wrap;
          top: 100px;
          margin-left: 20px;
          margin-top: 40px;
          padding-top: 10px;
          // left: 20px;
          .large {
            // height: 20px;
            text-align: center;
          }
          .small {
            // height: 20px;
          }
        }
      }
      .desc {
        width: 800px;
        height: 500px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        // align-items:center;
        .desc-info {
          color: #fff;
          width: 250px;
        }
        .icon {
          width: 100px;
          height: 100px;
          margin: 0 20px;
        }
        .desc-img {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 250px;
          height: 100px;
          border: 2px solid #ccc;
          .scales {
            width: 50px;
            height: 50px;
          }
          .gear {
            width: 50px;
            height: 50px;
            margin-left: 20px;
          }
          .svg-info {
            color: #fff;
            margin-left: 20px;
          }
        }
        .list {
          color: #fff;
          width: 300px;
          margin-top: -30px;
        }
      }
    }
    .partThree {
      width: 1200px;
      margin: 0 auto;
      .title {
        color: #fff;
        text-align: center;
        width: 700px;
        font-size: 30px;
        line-height: 50px;
        margin: 0 auto;
      }
      .info {
        display: flex;
        width: 1000px;
        margin: 50px auto;
        .info-item {
          position: relative;
          .info-title {
            color: rgb(255, 255, 255);
            font-size: 20px;
            font-weight: bolder;
            margin-left: 90px;
          }
          .icon {
            margin-left: 45px;
          }
          .info-desc {
            width: 150px;
            height: 200px;
            text-align: center;
            position: absolute;
            top: 85px;
            left: 73px;
            color: #fff;
            line-height: 25px;
            .black {
              background: #000;
              width: 100px;
              text-align: center;
              margin-left: 20px;
            }
          }
        }
      }
      .footer {
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 50px;
        margin: 0 auto;
        text-decoration: underline;
      }
    }
    .partFour {
      width: 1200px;
      margin: 50vh auto;
      display: flex;
      flex-direction: column;

      .title {
        color: #fff;
        text-align: center;
        width: 700px;
        font-size: 30px;
        line-height: 50px;
        margin: 0 auto;
      }
      img {
        width: 800px;
        height: 800px;
        margin: 0 auto;
      }
    }
    .partFive {
      width: 1200px;
      margin: 50vh auto;
      display: flex;
      flex-direction: column;
      .title {
        color: #fff;
        text-align: center;
        width: 700px;
        font-size: 30px;
        line-height: 50px;
        margin: 0 auto 100px;
      }
      .partner {
        display: flex;
        justify-content: space-around;
        img {
          width: 315px;
          height: 110px;
        }
      }
    }
    .team {
      width: 1200px;
      height: 600px;
      //   background: linear-gradient(to bottom,rgba(197, 196, 253, 0.678),rgba(40, 60, 173, 0.596));
      margin: 50vh auto;
      display: flex;
      flex-direction: column;
      .title {
        color: #fff;
        text-align: center;
        width: 700px;
        font-size: 30px;
        line-height: 50px;
        margin: 0 auto 50px;
      }
      .introduce {
        display: flex;
        flex-wrap: wrap;
        .introduce-item {
          width: 550px;
          box-sizing: border-box;
          padding: 20px 40px;
          background: linear-gradient(
            to bottom,
            rgba(197, 196, 253, 0.678),
            rgba(40, 60, 173, 0.596)
          );
          color: #fff;
          margin: 20px;
          .introduce-title {
            font-size: 20px;
            margin-bottom: 20px;
          }
          .introduce-info {
            div {
              margin-bottom: 20px;
            }
          }
        }
      }
    }  
    .footer{
        margin-top: 700px;
        .footer-info {
            display: flex;
            justify-content: space-around;
            .logo{
                margin-top: 30px;
                img{
                    width:171px;
                    height:142px;
                }
            }
            .code{
                display:flex;
                flex-direction: column;
                margin-top: 35px;
                margin-left: 100px;
                img{
                    width:100px;
                    height:100px;
                }
                .desc{
                    display:flex;
                    align-items:center;
                    margin-top: 10px;
                    color: #fff;
                    .icon{
                        width:30px;
                        height: 30px;
                        margin-right: 10px;
                    }
                }
            }
            .follow{
                width:150px;
                height:150px;
                margin-top: 30px;
                margin-left: 100px;
                 .title{
                    font-size:30px;
                    font-weight: bolder;
                    margin-bottom: 20px;
                    color: #fff;
                }
                .info{
                    display:flex;
                    align-items:center;
                    font-size:15px;
                    line-height:40px;                    
                    color: #fff;
                }
                .icon{
                    width:30px;
                    height:30px;
                    margin-right: 20px;
                }
            }
        }
    }
  }
    
}
</style>
